/*//运算 star
@val: 100px;
@rem: 46rem;//根据设计图大小找出默认rem的大小，64是计算过后的1rem的大小。64rem中的rem是为了在less中计算后添加单位*/

body,html{
    width:100%;
    height:100%;
}
iframe{
    font-size:40px;
}
#wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.model-wrap{
    height:100%;
}
.navbox{
    position:absolute;
    /*height: 50px;*/
    width: 100%;
    /*padding:10px 0;*/
    /*z-index: 111;*/ 
}
.navContent{
    position:absolute;
    z-index:2 ;
    display: flex;
	bottom: 0;
    justify-content:space-around;
    height: 50px;
    background:#1c1b21;
    padding:10px 0;
	
}
.navbox .navList{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.navbox .navText{
	height: 20px;
    width: 100%;
    float: left;
    /*background:#00CCFF;*/
    color:#fff;
    font:12px/20px "微软雅黑";
    text-align: center;
    z-index:2;
    opacity: 1;
    display: flex;
    justify-content: center;
}
.pothook{
    position:absolute;
    /*left:40%;*/
    /*bottom:-50px;*/
    width:160px;
    height:26px;
    padding-top: 10px;
    background:url(../img/navdown2.gif) no-repeat;
   /*background:#333;*/
    background-size: 100% 80%;
    display: inline-block;
    margin-left:-80px;
    left:50%;
    bottom:60px;
    /*position: relative;*/
    z-index: 20;
    /*opacity: 0.8;*/
	
}
.pothook img{
    width: 44px;
    height:26px;
}

.navContent{
    height:50px;
    width:100%;
    /*position: absolute;*/
}
.navContent .navico{
    display: block;
    width:24px;
    height:24px;
/*//  margin-left:85px;*/
    background:orange;
}
.navContent .navIco-wenzi{
    background: url(../img/icowz.png) no-repeat;
    background-size: 100% 100%;
}
.navContent .navIco-yuyin{
    background: url(../img/ico1g.png) no-repeat;
    background-size: 100% 100%;
}
.navContent .navIco-tanmu{
    background: url(../img/icotanmu.png) no-repeat;
    background-size: 100% 100%;
}
.navContent .navIco-fatan{
    background: url(../img/icofadan.png) no-repeat;
    background-size: 100% 100%;
}
.navContent .navIco-src{
    background: url(../img/icofukan.png) no-repeat;
    background-size: 100% 100%;
}
/*项目介绍*/
.item-introduce{
    padding: 5%;
    position:absolute;
    left:15%;
    top:20%;
    width:60%;
    /*height:50%;*/
    background:#fff;
    z-index: 100;
    display: none;
}
.introduceText{ 
    /*font:0.3rem/0.8rem  "微软雅黑";*/ 
}
.introduceText h3{
    text-align: center; 
    font:bold 16px/30px  "微软雅黑"; 
}
.introduceText .i-t-content{
    font:14px/26px "微软雅黑";
    text-indent: 2em;
}
.introduceClose{
    width:40px;
    height:40px;
    border-radius: 20px;
    background:#333;
    position:absolute;
    margin-left:-20px;
    left:50%;
    bottom:-60px;
    opacity: 0.5;
    font: 36px/40px "微软雅黑";
    text-align:center;
}
/*弹幕*/
.tanmu{
    z-index: 22;
}
.tanmu{ 
    position:absolute;
    height:34px;
    border-radius:45px;
    background:#fff;
    color:#333;
    left:0;
    top:0;
    font-size:16px;
    white-space:nowrap;
    padding-left:2px;
    /*padding-right:10px;*/
    line-height:34px;
    opacity: 0.9;
   
}
.tanmuContent{
	display: flex;
    justify-content: space-between;
}
.headImg{
    /*position:absolute;
    left:2px;
    top:2px;*/
   	margin-top:2px;
   	margin-right:5px;
   	display:inline-block;
    width:30px;
    height:30px;
    background:red;
    border-radius: 41px;
    
}
.headImg img{
   width: 100%;
   height:100%;
   border-radius: 50%;
}
.tanmu .praiseBox{
	/*position:absolute;*/
    /*right:10px;*/
  	display: inline-block;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 10px;
}
.tanmu .t-numer{
	display: inline-block;
	font-size: 16px;
	color:#666;
}
.tanmu .t-color{
	color:#f7ad42;
}
/*底部*/
.send {
    width: 90%;
    height: 36px;
    position: absolute;
    bottom:6px;
    left: 5%;
    display: none;
}
.send .s_fiter {
    width: 100%;
    height: 100%;
    background: #fff;
    position:absolute;
    bottom:0;
    left: 0;
    border-radius:18px;
    /*opacity: 0.8;*/
    /*filter: alpha(opacity=80);*/
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.send .s_con {
    width: 100%;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    line-height: 1.15rem;
   
}
.send .s_txt { 
/*//  float:left;*/
    font-size:14px;
    width: 70%;
    height: 28px;
/*//  border-radius: 0.1rem 0 0 0.1rem;*/
    outline: none;
    border:none;
/*//  margin-top:15px;*/
    margin-left:40px;
}
.send .s_sub {
/*//  float:right;
//  margin-top:15px;*/
    margin-right:3px;
    display: inline-block;   
    width: 30px;
    height:30px;
    background:url(../img/ok.png) no-repeat;
    background-size: 100% 100%;
}

body {  -webkit-text-size-adjust:none;  font-family:"Helvetica Neue",Helvetica,Arial,"sans-serif","PingFang SC";}